<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link href="./src/css/layui.css" rel="stylesheet">
    <script type="text/javascript" src="src/layui.js"></script>
    <script type="text/javascript" src="src/editor.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>词条编辑器</title>
    <script>
        window.onload = async () => {
            await EditorManager.loadAllData();
            EditorManager.initDirectory();
            EditorManager.renderAll();
        }
    </script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header layui-bg-gray">
        <div class="layui-logo layui-bg-gray">独立物品编辑器</div>
    </div>
    <div class="layui-side">
        <div class="layui-menu layui-menu-lg" id="directory">
        </div>
    </div>
    <div class="layui-body">
        <div class="layui-bg-green layui-font-black" style="padding: 16px;">
            <!--第一行:基础属性-->
            <div class="layui-row layui-col-space15">
                <!--基础属性-->
                <div class="layui-col-md4">
                    <div class="layui-card">
                        <div class="layui-card-header">基础信息</div>
                        <div class="layui-card-body">
                            <form class="layui-form layui-form-pane" action="" lay-filter="baseInfo">
                                <!--词条id-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">词条id</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="id" lay-verify="required"
                                               disabled class="layui-input">
                                    </div>
                                </div>
                                <!--词条名字-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">词条名字</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="name" lay-verify="required" placeholder="请输入"
                                               autocomplete="off" class="layui-input" id="nameInput">
                                    </div>
                                </div>
                                <!--图标索引-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">图标</label>
                                    <div class="layui-input-inline layui-input-wrap">
                                        <input type="text" name="iconIndex" lay-verify="required"
                                               placeholder="请输入"
                                               autocomplete="off" class="layui-input" id="input-icon">
                                    </div>
                                    <div class="layui-form-mid" style="padding: 0!important;">
                                        <button type="button" class="layui-btn layui-btn-primary" lay-on="icon">选择图标</button>
                                    </div>
                                </div>
                                <!--文字颜色-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">装备颜色</label>
                                    <div class="layui-input-inline" style="width: 120px;">
                                        <input type="text" name="textColor" value="#ffffff" placeholder="请选择颜色"
                                               class="layui-input" id="ID-colorpicker-form-color">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div id="ID-colorpicker-textColor"></div>
                                    </div>
                                </div>
                                <!--描述-->
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">描述</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="请输入内容" name="description" class="layui-textarea"
                                                  style="height: 175px;"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!--词缀+拓展属性-->
                <div class="layui-col-md4">
                    <!--词缀属性-->
                    <div class="layui-card">
                        <div class="layui-card-header">词缀信息</div>
                        <div class="layui-card-body">
                            <form class="layui-form layui-form-pane" action="" lay-filter="affixsInfo">
                                <!--词缀显示名称-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">词缀名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="nameShow" lay-verify="required"
                                               placeholder="显示在装备名字前或后的文字"
                                               autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <!--叠加类型-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">叠加类型</label>
                                    <div class="layui-input-block">
                                        <select name="nameType" lay-filter="aihao">
                                            <option value="无" selected>无</option>
                                            <option value="不叠加">不叠加</option>
                                            <option value="叠加">叠加</option>
                                        </select>
                                    </div>
                                </div>
                                <!--粘贴类型-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">粘贴类型</label>
                                    <div class="layui-input-block">
                                        <select name="affixType" lay-filter="aihao">
                                            <option value="前缀" selected>前缀</option>
                                            <option value="后缀">后缀</option>
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--拓展属性-->
                    <div class="layui-card">
                        <div class="layui-card-header">拓展属性</div>
                        <div class="layui-card-body">
                            <form class="layui-form layui-form-pane" action="" lay-filter="expandParam">
                                <!--质量-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">品质</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="quality" lay-verify="required" placeholder="请输入"
                                               autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <!--质量-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">套装</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="linkedEquipSuit" lay-verify="required"
                                               placeholder="请输入"
                                               autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <!--孔数-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">+x显示</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="boostAdd" lay-verify="required" placeholder="请输入"
                                               autocomplete="off" class="layui-input" min="0" step="1"
                                               lay-affix="number">
                                    </div>
                                </div>
                                <!--售价-->
                                <div class="layui-form-item">
                                    <label class="layui-form-label">出售价格</label>
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="number" name="priceMin" placeholder="" autocomplete="off"
                                               class="layui-input" min="0" step="1" lay-affix="number" value="0">
                                    </div>
                                    <div class="layui-form-mid">-</div>
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="number" name="priceMax" placeholder="" autocomplete="off"
                                               class="layui-input" min="0" step="1" lay-affix="number" value="100">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!--自定义属性-->
                <div class="layui-col-md4">
                    <div class="layui-card">
                        <div class="layui-card-header">自定义属性</div>
                        <div class="layui-card-body">
                            <form class="layui-form layui-form-pane" action="" lay-filter="customParam">
                                <!--自定义效果代码-->
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">自定义效果代码</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="请输入内容" class="layui-textarea"
                                                  name="customEffect"></textarea>
                                    </div>
                                </div>
                                <!--词条生效条件代码-->
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">词条生效条件代码</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="请输入内容" class="layui-textarea"
                                                  name="require"></textarea>
                                    </div>
                                </div>
                                <!--备注-->
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">备注</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="请输入内容" class="layui-textarea"
                                                  name="note"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--第二行:一般属性随机-->
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">一般属性随机参数</div>
                        <div class="layui-card-body">
                            <table id="ID-table-param"></table>
                        </div>
                    </div>
                </div>
            </div>
            <!--第三行:一般属性随机-->
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">倍率属性随机参数</div>
                        <div class="layui-card-body">
                            <table id="ID-table-rate-param"></table>
                        </div>
                    </div>
                </div>
            </div>
            <!--第四行:一般属性随机-->
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">特性属性随机参数</div>
                        <div class="layui-card-body">
                            <table id="ID-table-traits-param"></table>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <hr>
            <hr>
        </div>
    </div>
    <div class="layui-footer" style="height: 50px">
        <div class="layui-btn-container">
            <div class="layui-input-block" style="margin-top: 5px; float: right;">
                <button type="submit" class="layui-btn layui-btn-primary layui-bg-blue" lay-on="changeMax">更改最大值
                </button>
                <button type="submit" class="layui-btn layui-btn-primary layui-bg-blue" lay-on="saveToFile">保存到本地
                </button>
            </div>
        </div>
    </div>
</div>

<!--弹出层-->
<!--一般属性设置-->
<div id="ID-layer-param" style="display: none;">
    <div class="layui-card">
        <div class="layui-card-header">请设置一般属性参数</div>
        <div class="layui-card-body">
            <form class="layui-form" action="" lay-filter="baseParam">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">属性列表</label>
                        <div class="layui-input-block">
                            <select name="type" lay-filter="param-list">
                                <option value="clear" selected>清空</option>
                                <option value="MHP">最大生命值</option>
                                <option value="MMP">最大魔法值</option>
                                <option value="ATK">攻击力</option>
                                <option value="DEF">防御力</option>
                                <option value="MAT">魔法攻击力</option>
                                <option value="MDF">魔法防御力</option>
                                <option value="AGI">敏捷</option>
                                <option value="LUK">幸运</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">属性组</label>
                    <div class="layui-input-block">
                            <textarea placeholder="请从上方选项列表中选择" class="layui-textarea"
                                      name="params" id="layer-textarea-params" disabled></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">参数类型</label>
                    <div class="layui-input-block">
                        <select name="type" lay-filter="param-type">
                            <option value="base" selected>base</option>
                            <option value="plus">plus</option>
                            <option value="flat">flat</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">属性范围</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" name="paramMin" placeholder="" autocomplete="off"
                               class="layui-input" min="0" step="1" lay-affix="number" value="0">
                    </div>
                    <div class="layui-form-mid">-</div>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" name="paramMax" placeholder="" autocomplete="off"
                               class="layui-input" min="0" step="1" lay-affix="number" value="100">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn" lay-submit lay-filter="paramSubmit">立即提交
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!--倍率属性设置-->
<div id="ID-layer-rate-param" style="display: none;">
    <div class="layui-card">
        <div class="layui-card-header">请设置倍率属性参数</div>
        <div class="layui-card-body">
            <form class="layui-form" action="" lay-filter="rateParam">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">属性列表</label>
                        <div class="layui-input-block">
                            <select name="type" lay-filter="rate-param-list">
                                <option value="clear" selected>清空</option>
                                <option value="MHP">最大生命值</option>
                                <option value="MMP">最大魔法值</option>
                                <option value="ATK">攻击力</option>
                                <option value="DEF">防御力</option>
                                <option value="MAT">魔法攻击力</option>
                                <option value="MDF">魔法防御力</option>
                                <option value="AGI">敏捷</option>
                                <option value="LUK">幸运</option>
                                <option value="HIT">命中率</option>
                                <option value="EVA">闪避率</option>
                                <option value="CRI">暴击几率</option>
                                <option value="CEV">暴击闪避率</option>
                                <option value="MEV">魔法闪避率</option>
                                <option value="MRF">魔法反射率</option>
                                <option value="CNT">反击率</option>
                                <option value="HRG">生命自动回复</option>
                                <option value="MRG">魔法自动回复</option>
                                <option value="TRG">怒气自动回复</option>
                                <option value="TGR">仇恨值</option>
                                <option value="GRD">防御效果</option>
                                <option value="REC">回复效果</option>
                                <option value="PHA">药理知识</option>
                                <option value="MCR">魔法消耗率</option>
                                <option value="TCR">怒气补充率</option>
                                <option value="PDR">物理伤害率</option>
                                <option value="MDR">魔法伤害率</option>
                                <option value="FDR">地形伤害率</option>
                                <option value="EXR">经验获得率</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">属性组</label>
                    <div class="layui-input-block">
                            <textarea placeholder="请从上方选项列表中选择" class="layui-textarea"
                                      name="params" id="layer-textarea-rate-params" disabled></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">参数类型</label>
                    <div class="layui-input-block">
                        <select name="type" lay-filter="param-type">
                            <option value="base" selected>base</option>
                            <option value="plus">plus</option>
                            <option value="flat">flat</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">属性范围</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" name="paramMin" placeholder="" autocomplete="off"
                               class="layui-input" min="0" step="1" lay-affix="number" value="0">
                    </div>
                    <div class="layui-form-mid">-</div>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" name="paramMax" placeholder="" autocomplete="off"
                               class="layui-input" min="0" step="1" lay-affix="number" value="100">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn" lay-submit lay-filter="rateParamSubmit">立即提交
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!--特性列表表格-->
<div id="ID-layer-traits-table-params" style="display: none;">
    <div class="layui-card">
        <div class="layui-card-header">特性抽取列表</div>
        <div class="layui-card-body">
            <table id="ID-table-traits-param-children"></table>
        </div>
    </div>
</div>
<!--特性列表表格底部按钮-->
<script type="text/html" id="ID-layer-traits-table-params-button">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="traitsTableButton">确定</button>
    </div>
</script>

<!--特性属性设置-->
<div id="ID-layer-traits-param" style="display: none;">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-tab" lay-filter="traits-param-tab">
                <ul class="layui-tab-title">
                    <li class="layui-this" lay-id="11">抗性</li>
                    <li lay-id="22">攻击</li>
                    <li lay-id="33">技能</li>
                    <li lay-id="44">装备</li>
                    <li lay-id="55">其他</li>
                </ul>

                <div class="layui-tab-content layui-form">
                    <!--抗性标签-->
                    <div class="layui-tab-item layui-show">
                        <!--属性有效度-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">属性有效度</label>
                            </div>
                            <div class="layui-col-md9">
                                <select name="code11" lay-filter="属性有效度列表" id="traits-11">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="属性有效度列表" class="layui-input" disabled
                                           id="traits-show-code11">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-11">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--弱化有效度-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">弱化有效度</label>
                            </div>
                            <div class="layui-col-md9">
                                <select name="code12" lay-filter="弱化有效度列表" id="traits-12">
                                    <option value="0" selected>最大生命值</option>
                                    <option value="1">最大魔法值</option>
                                    <option value="2">攻击力</option>
                                    <option value="3">防御力</option>
                                    <option value="4">魔法攻击力</option>
                                    <option value="5">魔法防御力</option>
                                    <option value="6">敏捷</option>
                                    <option value="7">幸运</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="弱化有效度列表" class="layui-input" disabled
                                           id="traits-show-code12">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-12">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--状态有效度-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">状态有效度</label>
                            </div>
                            <div class="layui-col-md9">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code13" name="code13"
                                           placeholder="状态选择→"
                                           class="layui-input" disabled id="traits-13">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="状态列表" class="layui-input" disabled
                                           id="traits-show-code13">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-13">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--状态免疫-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">状态免疫</label>
                            </div>
                            <div class="layui-col-md9">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code14" name="code14"
                                           placeholder="状态选择→"
                                           class="layui-input" disabled id="traits-14">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="状态列表" class="layui-input" disabled
                                           id="traits-show-code14">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-14">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <!--攻击标签-->
                    <div class="layui-tab-item">
                        <!--攻击时属性-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">攻击时属性</label>
                            </div>
                            <div class="layui-col-md9">
                                <select name="code31" lay-filter="攻击时属性列表" id="traits-31">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="属性列表" class="layui-input" disabled
                                           id="traits-show-code31">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-31">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--攻击时状态-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">攻击时状态</label>
                            </div>
                            <div class="layui-col-md9">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code32" placeholder="状态选择→"
                                           class="layui-input" name="code32" disabled id="traits-32">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="状态列表" class="layui-input" disabled
                                           id="traits-show-code32">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-32">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--攻击速度补正-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">速度补正</label>
                            </div>
                            <div class="layui-col-md7">
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-33">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--攻击追加次数-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">追加次数</label>
                            </div>
                            <div class="layui-col-md7">
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-34">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--攻击技能-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">攻击技能</label>
                            </div>
                            <div class="layui-col-md6">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code35" placeholder="技能选择→"
                                           class="layui-input" name="code35" disabled id="traits-35">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="技能列表" class="layui-input" disabled
                                           id="traits-show-code35">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-35">选择
                                </button>
                            </div>
                        </div>
                    </div>
                    <!--技能-->
                    <div class="layui-tab-item">
                        <!--添加技能类型-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">添加类型</label>
                            </div>
                            <div class="layui-col-md9">
                                <select name="code41" lay-filter="添加技能类型列表" id="traits-41">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="技能类型列表" class="layui-input" disabled
                                           id="traits-show-code41">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-41">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--封印技能类型-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">封印类型</label>
                            </div>
                            <div class="layui-col-md9">
                                <select name="code42" lay-filter="封印技能类型列表" id="traits-42">
                                </select>
                            </div>

                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="技能类型列表" class="layui-input" disabled
                                           id="traits-show-code42">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-42">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--添加技能-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">添加技能</label>
                            </div>
                            <div class="layui-col-md9">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code43" placeholder="技能选择→"
                                           class="layui-input" name="code43" disabled id="traits-43">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="技能列表" class="layui-input" disabled
                                           id="traits-show-code43">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-43">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--封印技能-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">封印技能</label>
                            </div>
                            <div class="layui-col-md9">
                                <div class="layui-input-wrap">
                                    <input type="text" lay-affix="search" lay-filter="code44" placeholder="技能选择→"
                                           class="layui-input" name="code44" disabled id="traits-44">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="技能列表" class="layui-input" disabled
                                           id="traits-show-code44">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-44">选择
                                </button>
                            </div>
                        </div>
                    </div>
                    <!--装备-->
                    <div class="layui-tab-item">
                        <!--装备武器类型-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">武器类型</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code51" lay-filter="武器类型列表" id="traits-51">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="武器类型列表" class="layui-input" disabled
                                           id="traits-show-code51">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-51">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--装备防具类型-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">防具类型</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code52" lay-filter="防具类型列表" id="traits-52">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="防具类型列表" class="layui-input" disabled
                                           id="traits-show-code52">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-52">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--固定装备-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">固定装备</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code53" lay-filter="固定装备列表" id="traits-53">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="固定装备列表" class="layui-input" disabled
                                           id="traits-show-code53">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-53">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--封印装备-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">封印装备</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code54" lay-filter="封印装备列表" id="traits-54">
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="封印装备列表" class="layui-input" disabled
                                           id="traits-show-code54">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-54">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--装备槽类型-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">装备槽类型</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code55" lay-filter="装备槽类型列表" id="traits-55">
                                    <option value="0" selected>正常</option>
                                    <option value="1">二刀流</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="装备槽类型列表" class="layui-input" disabled
                                           id="traits-show-code55">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-55">选择
                                </button>
                            </div>
                        </div>
                    </div>
                    <!--其他-->
                    <div class="layui-tab-item">
                        <!--增加行动次数-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">行动次数</label>
                            </div>
                            <div class="layui-col-md7">
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-61">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--特殊标志-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">特殊标志</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code62" lay-filter="特殊标志列表" id="traits-62">
                                    <option value="0" selected>自动战斗</option>
                                    <option value="1">掩护</option>
                                    <option value="2">防御</option>
                                    <option value="3">保留特技值</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="特殊标志列表" class="layui-input" disabled
                                           id="traits-show-code62">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-62">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--消失效果-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">消失效果</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code63" lay-filter="消失效果列表" id="traits-63">
                                    <option value="0" selected>正常</option>
                                    <option value="1">首领怪</option>
                                    <option value="2">瞬间消失</option>
                                    <option value="3">不消失</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="消失效果列表" class="layui-input" disabled
                                           id="traits-show-code63">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-63">选择
                                </button>
                            </div>
                        </div>
                        <hr>
                        <!--队伍能力-->
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md3">
                                <label class="layui-form-label layui-font-16">队伍能力</label>
                            </div>
                            <div class="layui-col-md6">
                                <select name="code64" lay-filter="队伍能力列表" id="traits-64">
                                    <option value="0" selected>遇敌减半</option>
                                    <option value="1">无遇敌</option>
                                    <option value="2">取消偷袭</option>
                                    <option value="3">增加先发制人率</option>
                                    <option value="4">双倍金币</option>
                                    <option value="5">双倍掉落物品</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space16">
                            <div class="layui-col-md10">
                                <div class="layui-input-block" style="width: 90%;margin-left: 5%">
                                    <input type="text" name="" placeholder="队伍能力列表" class="layui-input" disabled
                                           id="traits-show-code64">
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <button type="button" class="layui-btn layui-btn-primary" lay-on="traits-code-64">选择
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--状态可选项目列表-->
<div id="ID-layer-item-state-list" style="display: none;">
    <div id="ID-tree-item-state-list"></div>
</div>
<!--技能可选项目列表-->
<div id="ID-layer-item-skill-list" style="display: none;">
    <div id="ID-tree-item-skill-list"></div>
</div>

<!-- 特性表格操作按钮 -->
<script type="text/html" id="TraitsBar">
    <div class="layui-clear-space">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
    </div>
</script>

<!--图标选择-->
<div id="ID-layer-icon" style="display: none;" class="layui-bg-purple">
    <canvas id="canvas" width="512" height="512"></canvas>
</div>


</body>
</html>